<script>
    $(function () {
        $("#cuentas").accordion({
            collapsible:true,
            active: 0,
            autoHeight:false
        });
    });
</script>

<style>
    .dataTables_filter {
        display: none;
    }
</style>

<div class="container_16 containerHeight">
    <div class="grid_12 push_1">
        <h2><?= lang('titExtrato'); ?></h2>
        <div id="cuentas">
            <?php foreach ($misCuentas as $c): ?>
                <h3 style="padding-left: 25px"><?= $c->codigoEntidad . ' - ' . $c->codigoOficina . ' - ' . $c->codigoControl . ' - ' . $c->codigoCuenta ?>
                    <span style="float: right"><?= number_format($c->saldo, 2, ',', '.') ?> &euro;</span></h3>
                <div>
                    <a href="backend/cuenta/cuenta/graficas/<?= $c->id ?>" style="float:right" ><img src="images/cuentas/chart.png" title="<?= lang('verGraficas') ?>"/></a>
                    <a href="backend/cuenta/cuenta/buscar/<?=$c->id?>" style="margin-left: 93%;"><img src="images/cuentas/buscar.png" title="<?=lang('buscar');?>" /></a>
                    <table id="<?= 'ultimosMovimientos' . $c->id ?>">
                        <script>
                            $(document).ready(function () {
                                $('#ultimosMovimientos<?= $c->id ?>').dataTable({
                                    "bJQueryUI":true,
                                    "bInfo":false,
                                    "bSort":false,
                                    "bPaginate":false,
                                    "oLanguage": {
                                        "sUrl": "<?= lang('datatables_lng') ?>"
                                    }
                                });
                            });
                        </script>
                        <thead>
                            <tr>
                                <td><?= lang('descripcionMovimiento') ?></td>
                                <td><?= lang('fecha') ?></td>
                                <td><?= lang('concepto') ?></td>
                                <td><?= lang('importe') ?></td>
                                <td><?= lang('saldo') ?></td>
                            </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($misMovimientos[$c->id] as $mov): ?>
                            <tr>
                                <td><?= $mov->descripcion ?></td>
                                <td><?= $mov->fecha ?></td>
                                <td><?= $mov->concepto ?></td>
                                <td style="text-align: right"><?= number_format($mov->importe, 2, ',', '.') ?> &euro;</td>
                                <td style="text-align: right"><?= number_format($mov->resto, 2, ',', '.') ?> &euro;</td>
                            </tr>
                        <?php endforeach; ?>
                        </tbody>
                    </table>
                    <a href="backend/cuenta/cuenta/movimientos/<?= $c->id ?>" style="float:right"><?= lang('verTodos') ?></a>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
